<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi,user-scalable=no" />
    <title></title>
    <script src="../../js/mui.min.js"></script>
    <script type="text/javascript" src="../../iconfont/iconfont.js" ></script>
    <script type="text/javascript" src="../../js/jquery-3.1.1.min.js" ></script>
    <link rel="stylesheet" href="../../css/index.css" />
    <link rel="stylesheet" href="../../css/user/user.css" />
    <link href="../../css/mui.css" rel="stylesheet"/>
    <script type="text/javascript" src="../../js/base.js"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
      	document.addEventListener('plusready', function() {
			plus.navigator.setStatusBarBackground("#2B7DC4");
			plus.navigator.setStatusBarStyle("light");
		}, false);
		mui.plusReady(function(){
		var wv=plus.webview.currentWebview();
		// 关闭侧滑返回功能
		wv.setStyle({'popGesture':'none'});
		});
    </script>
</head>
<body style="background: #fff;">
	<header class="mui-bar mui-bar-nav">
		<span class="mui-title">用户登录</span>
	</header>
	<div class="mui-content" style="background: #fff;">
		<!--个人中心-->
		<form action="" class="ajaxLogin">
			<div class="userHead">
				<div class="uhPic"><img src="../../img/mhp.jpg"></div>
			</div>
			<div class="userMenu">
				<div class="lOne">
					<span>用户名：</span>
					<input id="name" name="name" type="text" placeholder="请输入用户名" />
				</div>
				<div class="lOne">
					<span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
					<input id="pwd" name="pwd" type="password" placeholder="请输入密码" />
				</div>
			</div>
			<a class="loginNow">立即登录</a>
		</form>
	</div>
</body>
</html>
<script type="text/javascript">
	var hpHeight=$(".uhPic").width();
	var hdHeight=$(".uhPic img").width();
	$(".uhPic").css("height",hpHeight+"px");
	$(".uhPic").css("bottom",-hpHeight/2+"px");
	$(".uhPic img").css("height",hdHeight+"px");
	$(".userMenu").css("margin-top",hpHeight/2+20+"px");
	
	//打开基本信息
	mui("body").on('tap','.uMenu.uInfo',function(){
	    mui.openWindow({
	        url:'user/userInfo.html',
	        id:'userInfo.html',
	        show:{
		      autoShow:true,//页面loaded事件发生后自动显示，默认为true
		      aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
		      duration:"200"//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		    }
	    });
	})
	
</script>
<script type="text/javascript" src="login.js"></script>